<style>
#jingdian:before{
	content: "";
    position: absolute;
    top: 50%;
    left: -0.826667rem;
    transform: translateY(-50%);
    width: 0.56rem;
    height: 2px;
    background-color: #e5e5e5;
	box-sizing: border-box;
}
#jingdian:after{
	content: "";
    position: absolute;
    top: 50%;
    right: -0.826667rem;
	transform: translateY(-50%);
    width: 0.56rem;
    height: 2px;
    background-color: #e5e5e5;
	box-sizing: border-box;
}
</style>	
	<!--搜索-->
	<div class="fui-searchbar bar">
			<div ng-class="{'searchbar center':1,'searchbar-active':pagedata.searchbar ==1}">
						<input type="button" ng-click="access(pagedata.op,made_query(pagedata.params))"  value="搜索旅游景点" class="searchbar-cancel searchbtn">
						<div class="search-input" ng-click="pagedata.searchbar =1">
							<input type="search" placeholder="输入关键字" class="search" ng-model="pagedata.params.keyword">
						</div>
			</div>
		</div>
	<!--轮播图-->
	<div id="carousel-container" class="carousel slide" data-role="carousel" data-param-auto="true">
		<div class="carousel-inner" role="listbox" style="height:8rem">
			<div ng-class="{'item':1,'active':$index==0}" ng-repeat="item in pagedata.pluginset.hdps">
				<a href="{{item.url}}">
					<img src="{{tomedia(item.picurl) || '../core/resource/images/banner-1.jpg'}}" style="display: block; width: 100%; height: auto;">
				</a>
			</div>
		</div>
		<style>
			.fui-swipe-page .fui-swipe-bullet {background: {background}; opacity: {opacity};}
			.fui-swipe-page .fui-swipe-bullet.active {opacity: 1;}
		</style>
		<div id="carousel-jinyun" class="fui-swipe-page" style="padding: 0 5px; bottom: 10px; ">
			<div class="fui-swipe-bullet" ng-repeat="item in pagedata.banner" ng-class="{'active':$index==0}" data-target="#carousel-container" data-slide-to="{{$index}}"></div>
		</div>
	</div>
	<!-- banner -->
	<div style="margin-top: 0.266667rem;background: #fff;">
		<div style="padding: 0.333333rem;font-size: 0.73333rem;">精选人气景点</div>
		<div class="fui-tab-scroll" style="padding:0 0 10px 10px;height:130px;">
			<ul style="list-style: none;position: relative;width: 100%;height: 100%;z-index: 1;display: flex;box-sizing: content-box;">
				<li ng-repeat="(k,row) in pagedata.spots" style="margin-right: 0.266667rem;height: 100%;position: relative;float:left;">
					<a href="javascript:;" ng-click="access_json('jy_tour/spot.detail//id='+row.id)" style="width: 3.68rem;position: relative;color: #333;text-decoration: none;">
						<div style="width:117px;height:80px;text-align:center;background:#e7e7e7;">
							<img ng-src="{{tomedia(row.thumb)}}" alt="{{row.title}}" style="width:117px;height:78px;max-width: 100%;max-height: 100%;"/>
							<i style="position: absolute;top: 0;left: 0;width: 33.3px;height: 12.8px;">
								<img src="../addons/jy_tour/resource/mobile/images/rank-0{{k+1}}.png" alt="" style="max-width: 33px;;max-height: 12px;" />
							</i>
						</div>
						<div>
							<div style="display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;">{{row.title}}</div>
							<div ng-if="row.price" style="color: #f70;margin-top: 0.08rem;">&yen;<span style="font-size:0.8rem;">{{row.price}}</span>起</div>
							<div ng-if="!row.price" style="color: #f70;margin-top: 0.08rem;">电询</div>
						</div>
					</a>
				</li>
			</ul>
		</div>
	</div>
	<!-- 精选 -->
	<div style="margin-top:8.533px;background:#fff; padding-bottom: 2.5rem;">
		<div style="height: 2.5rem;line-height: 2.5rem;text-align: center;font-size: 0.73333rem;border-bottom: 1px solid #efeff4;">
			<h3 id="jingdian" style="display: inline-block;font-size: 0.7334rem;position: relative;font-weight: normal;">热门景点</h3>
		</div>
		<div style="background-color: #fff;">
			<ul style='list-style: none;'>
				<li ng-repeat="row in pagedata.spots" style="border-bottom: 1px solid #efeff4;">
					<a href="javascript:;" ng-click="access_json('jy_tour/spot.detail//id='+row.id)" style="display: block;padding: 10.666px;position: relative;color: #333;text-decoration: none;">
						<div style="float: left;width: 68.266px;height: 68.266px;">
							<span style='display: table-cell;width: 68.266px;height: 68.266px;vertical-align: middle;text-align: center;background: #e7e7e7;box-sizing: border-box;'>
								<img ng-src="{{tomedia(row.thumb)}}" alt="{{row.title}}" style="border: 0;width: 68px;height: 68px;"/>
							</span>
						</div>
						<div style="padding:0 51.2px 0 79.36px;">
							<h3 style="line-height: 13px; white-space: nowrap;overflow: hidden;text-overflow: ellipsis;font-size: 0.6667rem;margin:4.2px 0 4.267px 0;font-weight: normal;">{{row.title}}</h3>
							<div style="width: 200%;height: 25.6px;overflow: hidden;transform: scale(.5);transform-origin: left top;font-size: 0;">
								<span ng-repeat="a in row.attrlist" style="color: #ff9f00;display: inline-block;height: 23.6px;line-height: 23.6px;;padding: 0 5px;margin-right: 6px;border: 1px solid #ff9f00;border-radius: 6px;box-sizing: border-box;font-size: 0.533333rem;">{{a.attrname}}</span>
							</div>
							<div style="width: 100%;height: 12.8px;font-size: 0;margin-top: -6.4px;;">
								<span style="color: #666;display: inline-block;line-height:12px;margin-right: 19.2px;font-size: 0.7rem;">{{row.pingjianum}}条点评</span>
								<span style="color: #666;display: inline-block;line-height:12px;margin-right: 19.2px;font-size: 0.7rem;">{{row.manyidu}}%满意</span>
							</div>
							<div style="color: #999;font-size: 0.4rem;margin-top: 4.8px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis">{{row.address}}</div>
						</div>
						<div style="position: absolute;right: 10.7px;top: 44.8px;-moz-transform: translateY(-50%);transform: translateY(-50%);height: 0.61333rem;text-align: right;">
							<span style="color: #f70; box-sizing: border-box;">
								<em ng-if="row.price" style="font-size: 0.6rem;font-style: normal;transform: scale(.5);transform-origin: left top;">
									&yen; <strong style="font-size: 0.8rem;font-weight: normal;font-style: normal;display: inline-block;">{{row.price}}</strong>起
								</em>
								<em ng-if="!row.price" style="font-size: 0.6rem;font-style: normal;transform: scale(.5);transform-origin: left top;"> 
									<strong style="font-size: 0.7rem;font-weight: normal;font-style: normal;">电询</strong>
								</em>
							</span>
						</div>
					</a>
				</li>	
			</ul>
			<div ng-click="pagedata.hotlist.length>10" style="width: 100%;">
				<a href="javascript:;" ng-click="access_json('jy_tour/spot.list/')" style="color: #2dbb55;display: block;padding: 10px 0 13px;text-align: center;font-size: 0.6rem;">查看更多</a>
			</div>
		</div>
	</div>
	<div ng-include="sys_html('_footer')"></div>
<!-- 产品列表 -->
<a href="javascript:;" class="back-top" id="backTop"></a>